<template>
	<view ref="body" >
		<!-- <view id="null"></view> -->
		<view class="top-box">
				<u-navbar :is-back="false" height=50 >
					<view class="title-box">
						<view class="three-title">
							<!-- <a href="#null"> -->
								<u-subsection :list="list1" :current="curNow" mode="subsection" active-color="#0079FE" @change="sectionChange" ></u-subsection>
							<!-- </a> -->
							
						</view>
					</view>
				</u-navbar>
				<!-- <view class="search-box">
					<u-search placeholder="搜索" v-model="keyword" @change="search" shape="round" :show-action="false"bg-color="#fff" ></u-search>
				</view> -->
		</view>
		<view class="main-big">
			<view v-if="curNow==0" ref="top"><down-car></down-car></view>
			<view v-if="curNow==1" ref="top" ><unbundling></unbundling></view>
			<view v-if="curNow==2" ref="top"><distribution></distribution></view>
		</view>
	</view>
</template>

<script>
	import { ProcessBodyDropOffApi } from "./api/index.js"
	import downCar from "../../components/downCar.vue"
	import unbundling from "../../components/unbundling.vue"
	import distribution from "../../components/distribution.vue"
	export default {
		components:{
			downCar,//标记落车
			unbundling,//转向架解绑
			distribution,//转向架配送
		},
		data() {
			return {
				list1: [{
						name: '标记落车'
					},
					{
						name: '转向架解绑'
					},
					{
						name: '转向架配送'
					}
				],
				curNow: 0,
				// keyword:'',//搜索框的值
			};
		},
		onReachBottom(){
		if(this.curNow==0) {
			uni.$emit('onReachBottomc')
		}
		if(this.curNow==1) {
				
		uni.$emit('onReachBottoma');	
			
		}
		if(this.curNow==2) {
			uni.$emit('onReachBottomb')
		}
		},
		created() {
			// this.suntwo();
			//解绑
			// let params = {
			// 	 state: '1',
			// 	 category: 'CAR_BOGIE',
			// 	 sort: 'id,desc',
			// 	 page:0,
			// 	 size:1
			// }
			// ProcessBodyDropOffApi.bogieUnbindList(params).then(res=>{
			// 	console.log(res);
			// 	this.totalTwo=res.data.totalElements
			// 	console.log(this.totalTwo);
			// 	// console.log(this.total);
			// })
			
		},
		methods:{
			
			sectionChange(index) {
				this.curNow = index;
				console.log(this.curNow);
				// console.log(this.$refs.body);
				// console.log(this.$refs.top);
			},
			// listTwo(){
			// 	let params = {
			// 		 state: '1',
			// 		 category: 'CAR_BOGIE',
			// 		 sort: 'id,desc',
			// 		 page:this.pageTwo,
			// 		 size:this.pageSize
			// 	}
			// 	ProcessBodyDropOffApi.bogieUnbindList(params).then(res=>{
			// 		console.log(res);
			// 		this.dataTwo=res.data.content
			// 	})
			// },
		},
	}
</script>

<style lang="scss">

.title-box {
	// padding: 0px 20px;
	width: 580rpx;
	margin: auto;
}
// .search-box {
// 	// width: 100%;
// 	height: 126rpx;
// 	// padding: 30rpx 40rpx;
// 	padding: 0rpx 20rpx;
// 	// padding-top: 36rpx;
// 	line-height: 126rpx;
// 	border-bottom: 1px solid #ddd;
// 	background-color: #efefef;
// }

.main {
	// margin-top: 90px;
	// width: 100%;
	// height: 600px;
	
	// border: 1px solid red;
	// overflow: scroll;
	// background-color: #efefef;
	// padding: 16rpx 20rpx;
	// padding-bottom: 100rpx;
	// margin-bottom: 100rpx;
}
.main-big {
	height: calc(100vh - 190rpx);
	// height: 1000px;
}
</style>
